<template>
  <div class="hello">
    <div @click="test('loginInfo')">loginInfo-使用者相关信息</div>
    <div @click="test('postParams')">postParams-可用参数</div>
    <div @click="test('platform_app')">platform_app-左侧工作台树结构</div>
    <div @click="test('customerList')">customerList-中间客户列表和分页情况</div>
    <div @click="test('cusInfo')">cusInfo-抽屉用客户信息</div>
    <div @click="test('conditional')">
      conditional-条件组，现在不知道有没有在用的
    </div>
  </div>
</template>

<script>
import { mapState, mapMutations } from "vuex";

export default {
  name: "HelloWorld",
  components: {
    // 'DIYSelect':()=>{return import('@/components/im反选下拉控件.vue') },
  },
  computed: {
    ...mapState([
      "loginInfo",
      "postParams",
      "platform_app",
      "customerList",
      "cusInfo",
      "conditional",
    ]),
  },
  data() {
    return {
      msg: "Welcome to Your Vue.js App",
    };
  },
  methods: {
    test: function (str) {
      console.log(str, this[str]);
    },
    handleChange(value) {
      console.log(value);
    },
  },
  mounted() {},
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {
  font-weight: normal;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
